<template>
  <div class="shopPage">
    <img src="https://mmbiz.qpic.cn/mmbiz_jpg/s5OkTMm0qqyGDm2lFoH0ISEed3C4LwuC2icgqXoiassCg9ibXib0tvDt2QOo5Tp532gIUmucrUeXLibLP01sp5pAUxw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" class="shopPage-headingImg"/>
    <img src="https://mmbiz.qpic.cn/mmbiz_jpg/s5OkTMm0qqyGDm2lFoH0ISEed3C4LwuC2icgqXoiassCg9ibXib0tvDt2QOo5Tp532gIUmucrUeXLibLP01sp5pAUxw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" class="shopPage-showImg"/>
    <div class="shopPage-nav">
      <img src="https://mmbiz.qpic.cn/mmbiz_jpg/s5OkTMm0qqyGDm2lFoH0ISEed3C4LwuC2icgqXoiassCg9ibXib0tvDt2QOo5Tp532gIUmucrUeXLibLP01sp5pAUxw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" class="shopPage-nav-item"/>
      <img src="https://mmbiz.qpic.cn/mmbiz_jpg/s5OkTMm0qqyGDm2lFoH0ISEed3C4LwuC2icgqXoiassCg9ibXib0tvDt2QOo5Tp532gIUmucrUeXLibLP01sp5pAUxw/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" class="shopPage-nav-item"/>
    </div>
  </div>
</template>

<script>

export default {
  data () {
    return {
      
    }
  },

  components: {
    
  },

  methods: {
    
  },
}
</script>

<style scoped lang="scss" type="text/css">
.shopPage{
  width: 100%;
  background-color:#F1F1F1;
  &-headingImg{
    width: 100%;
    height: 210px;
  }
  &-showImg{
    width:100%;
    height:80px;
  }
  &-nav{
    width:100%;
    height:100px;
    display:flex;
    &-item{
      flex:1;
      height:100%;
    }
  }
}
</style>
